<template>
	<div class="settings-card p-5 rounded-lg bg-bg-1 text-t-1">
		<div class="settings-card-header text-lg">
			<slot name="title">
				<BaseText :text="title" :textT="titleT" />
			</slot>
		</div>
		<div class="settings-card-line h-[1px] mt-2 mb-[10px] bg-border-1" />
		<div class="settings-card-content flex flex-col gap-4" :class="contentClass">
			<slot />
		</div>
	</div>
</template>

<script setup lang="ts">
import { BaseText } from '@/components/base'

defineProps({
	title: [String, Number],
	titleT: [String, Array],
	contentClass: [String, Array, Object]
})
</script>

<style scoped></style>
